{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="keywords" content="2023服务器优惠活动,服务器优惠,阿里云/阿腾讯云,新用户上云">
    <meta name="description" content="2023阿里云腾讯云服务器优惠活动是一个方便大家了解阿里和腾讯云服务器的活动的一个网站，主要是为了帮助大家能用优惠的价格购买到需要的云服务器">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrom=1">
    <link rel="shortcut icon" href="{% static 'img/logo.png' %}">
    <meta name="sogou_site_verification" content="rMa3fhMBmu" />
    <meta name="author" content="李旬">
    <title>2023双11云服务器活动</title>
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        .copyright {
            font-size: 12px;
        }
    </style>
</head>
<body>
<div class="container pt-5">
    <div class="text-center h2 mb-4">
        <h1> 2023双11云服务器活动 <small>阿里云活动</small></h1>
    </div>
    <hr/>
    <div class="row">
        <div class="col-6">
            <h3 class="text-center">需要新用户</h3>
            <p>
                直接返现40元吧，绑定成功（很重要）购买后返现40，一定从下面链接去注册和购买哈，不然没法返现。相当于你购买2H2G的99只需要59，87的只要47，人数到达50的时候这边会先暂停返现，人数将会实时显示到页面上。</p>
            <img src="{% static 'img/img1.jpg' %}" alt="..." class="img-thumbnail">
            <hr/>
            <div class="row">
                <h5>如何操作：</h5>
                <ul>
                    <li><p>先通过下面注册链去注册，然后复制id和用户名使用新用户检测是否新用户，是的话保存检测截图</p></li>
                    <li><p>
                        确定是新用户后可以去购买，然后将id、用户名及收款支付宝账号填写到右侧表单中，我这边确认后会返现</p>
                    </li>
                </ul>


                <p><strong class="text-danger">注册/购买链接：</strong> <a
                        href="https://www.aliyun.com/minisite/goods?userCode=cixus2yl" target="_blank">https://www.aliyun.com/minisite/goods?userCode=cixus2yl</a>
                    可点击链接直接跳转</p>
            </div>
            <div class="row pt-2">
                <h4 class="text-danger">新用户检测：</h4>
                <div id="result">
                    <form action="/task/check/" name="jc_from" id="jc_from">
                        <label for="jc_user_nick" class="form-label"><span class="text-danger">*</span>用户名:</label>
                        <input type="text" class="form-control" id="jc_user_nick"
                               placeholder="在阿里登录成功页鼠标放头像上会显示"
                               name="user_nick">
                        <button type="button" class="btn btn-primary mt-2" id="jcBtn">检测</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-6 d-flex justify-content-center">
            <div class="container">
                <div class="row">
                    <div class="border p-5 mb-3">
                        <h4>剩余名额：<strong class="">{{ count }}</strong></h4>
                    </div>

                    <div class="border p-3" style="width: 100%;">
                        {% include 'qu_form.html' %}
                    </div>
                </div>
                <div class="row border mt-3">

                    <p>
                        老用户建议购买99的那款，活动内续费同价，挺划算，但是没有返现，需要新用户的话可以用亲戚朋友的支付宝账号来注册和认证购买</p>
                </div>
                <div class="row border mt-2">

                    <p>
                        腾讯云新用户返现20%，产品看这： <a href="https://curl.qcloud.com/IQuSPrlY">腾讯云双十一优惠</a></p>
                    <p class="text-danger">微信:LeoFap   Q群:204875188</p>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
    <footer class="navbar-static-bottom">
        <p class="copyright text-center">© 2023 CopyRight Lixun | <span><a class="copyright"
                                                                           href="https://beian.miit.gov.cn"
                                                                           target="_blank">黔ICP备2022007050号-2</a></span>
        </p>
    </footer>
</div>
<script>
    const jcBtn = document.getElementById("jcBtn");
    const DivDom = document.getElementById("result");
    jcBtn.onclick = function () {
        var formData = new FormData(jc_from);
        for (const entry of formData.entries()) {
            if (!entry[1]) {
                alert('必填项未填写，请检查');
                return ;
            }
        }
        fetch(
            "/task/check/",
            {
                method: 'POST',
                body: formData,
            }
        ).then(res => res.text()).then(html => {
            DivDom.innerHTML = html;
        })
    }
</script>
</body>
</html>
